<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>商家详情</title>
		<link rel="stylesheet" href="__TMPL__Public/css/normalize.css" />
		
		    <link href="__PUBLIC__/css/bootstrap.css" rel="stylesheet" />
    <link href="__PUBLIC__/css/bootstrap-responsive.css" rel="stylesheet" />
    <link href="__PUBLIC__/css/fsgallery.css" rel="stylesheet" />
		
		<link rel="stylesheet" href="__TMPL__Public/css/main.css?v1" />
		<link rel="stylesheet" href="__TMPL__Public/css/style.css" />
			<!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
    <link href="__TMPL__Public/model/swiper/swiper-3.4.0.min.css" rel="stylesheet" />
    <script src="__PUBLIC__/js/jquery-1.9.1.js"></script>
    <!--<script src="__PUBLIC__/js/fs_forse.js"></script>-->
			<style type="text/css">
			.swiper-shadow{
			  position: fixed;
			  width: 100%;height: 100%;z-index: 999; top: 0;left: 0;background: black;
			}
				.swiper-container{
				  height: 100%;
				  background: black;min-height: 200px;
				}
			</style>
	</head>
	<body>
		<!--<div class="header">
			<a onclick="goBack()" class="left-arrow"><img src="__TMPL__Public/img/arrow-b.png"></a>
			商家详情
			<a class="rightbtn"><img src="__TMPL__Public/img/user/sharebtn.png"></a>
		</div>-->
		<div style="background: white;height: 100px;" class="thumbnails" id="gallery">
		 <volist name="mer" id="v">
        <if condition="$v.is_first eq 2">
          <img style="width: 100%;height:100%;" src="{$v.icon}" data-src="{$v.icon}"/>
        </if>
      </volist>
		<!--<div class="indexad">
			<volist name="mer" id="v">
				<if condition="$v.is_first eq 2">
					<img src="{$v.icon}" data-src="{$v.icon}"/>
				</if>
			</volist>
		</div>-->
		</div>
		<div class=" clr center-line-box">
			<div class="title"><span>-</span>商家信息<span>-</span></div>
			<div class="line"></div>
			<div class="cell">
			  <div class="cell-title">商家名字:</div>
			  <div class="cell-text">{$mer[0]['name']}</div>
			</div>
			<div class="cell">
        <div class="cell-title">所属行业:</div>
        <div class="cell-text">{$type}</div>
      </div>
      <div class="cell">
        <div class="cell-title">发布时间:</div>
        <div class="cell-text">{$mer[0]['create_time']}</div>
      </div>
		</div>
		<div class="center-line-box">
      <div class="title"><span>-</span>相关描述<span>-</span></div>
      <div class="line"></div>
      <div class="cell">
        <div class="cell-title">商品价格:</div>
        <div class="cell-text">{$mer[0]['price']}</div>
      </div>
      <div class="cell">
        <div class="cell-title">详细信息:</div>
        <div class="cell-text">{$mer[0]['content']}
           <div class="picbox mt10">
            <volist name="mer" id="v">
              <if condition="$v.is_first eq 1">
                <img class="lookmax lazy" alt="详情图片" data-original="{$v.icon}"/>
              </if>
            </volist>
            <div class="swiper-shadow"> 
              <div class="swiper-container">
                <div class="swiper-wrapper">
                   <volist name="mer" id="v">
                      <if condition="$v.is_first eq 1">
                        <img style="height:auto" class="swiper-slide" alt="详情图片" src="{$v.icon}"/>
                      </if>
                    </volist>
                </div>
                <div class="swiper-pagination"></div>
              </div>
            </div>
          </div>
        </div>
      </div>
      
    </div>
		
		<div class="footerbody bg-w">
		<a style="color: #fff;" href="tel:{$mer[0]['mobile']}" class="btn-footer">
			<button class="ma corbtn">
				<img width="20" src="__TMPL__Public/img/kind/tel.png">拨打电话,{$mer[0]['person']}:{$mer[0]['mobile']} </button>
		</a>	
		</div>
	
	</body>
	<script src="__TMPL__Public/js/main.js?{$version}" ></script>
	<script src="__TMPL__Public/js/jquery-1.11.0.js" ></script>
  <script src="__TMPL__Public/js/jquery.lazyload.min.js"></script>
	<script src="__TMPL__Public/model/swiper/swiper-3.4.0.min.js" ></script>
	<script type="text/javascript">
	$(function() {
        $("img.lazy").lazyload({effect: "fadeIn"});
    });
		var mySwiper = new Swiper('.swiper-container', {
      pagination : '.swiper-pagination',
      lazyLoading : true,
      observer:true,//修改swiper自己或子元素时，自动初始化swiper
      observeParents:true,
    })
		$(".lookmax").on("click",function(){
       $(".swiper-shadow").show(); 
		});
		$(".swiper-shadow").on("click",function(){
		  var t =$(this);
		   t.hide(); 
		});
		$(".swiper-shadow").hide();
		//重写history
	</script>
</html>
